//上传js
var uploader = WebUploader.create({
    auto:true,
    // swf文件路径
    swf: '__STATIC__/admin/js/Uploader.swf',

    // 文件接收服务端。
    server: '/component/upload/upload.html',

    // 选择文件的按钮。可选。
    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
    pick: '#filePicker',

    // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
    resize: false
});

uploader.on( 'fileQueued', function( file ) {
    var $li = $(
        '<div id="' + file.id + '" class="file-item" style="display:inline-block">' +
        '<div class="info">' + file.name + '</div>' +
        '</div>'
    );
    $('#filePicker').find('.file-item').remove();
    $('#filePicker').append( $li );
});

uploader.on( 'uploadProgress', function( file, percentage ) {

    var $li = $( '#'+file.id ),

        $percent = $li.find('.progress .progress-bar');
    // 避免重复创建
    if ( !$percent.length ) {
        $percent = $('<div class="progress progress-striped active" style="margin-bottom: 0">' +
            '<div class="progress-bar" role="progressbar" style="width: 0%">' +
            '</div>' +
            '</div>').appendTo( $li ).find('.progress-bar');
    }

    $li.find('p.state').text('上传中');

    $percent.css( 'width', percentage * 100 + '%' );

});

// 文件上传成功，给item添加成功class, 用样式标记上传成功。
uploader.on( 'uploadSuccess', function( file , response) {
    $( '#'+file.id ).addClass('upload-state-done');
    if(response.success==1){
        $("input[name='filesrc']").val(response.file);
        $('#defaultForm').bootstrapValidator('revalidateField', 'filesrc');
        alert('上传成功!');

    }else{
        alert('上传失败！');
    }
});

// 文件上传失败，显示上传出错。
uploader.on( 'uploadError', function( file ) {
    var $li = $( '#'+file.id ),
        $error = $li.find('div.error');

    // 避免重复创建
    if ( !$error.length ) {
        $error = $('<div class="error"></div>').appendTo( $li );
    }

    $error.text('上传失败');
});

// 完成上传完了，成功或者失败，先删除进度条。
uploader.on( 'uploadComplete', function( file) {
    $( '#'+file.id ).find('.progress').remove();


});